body {
    background:white;
    font:Helvetica Neue,Helvetica,Arial,Microsoft Yahei,Hiragino Sans GB,Heiti SC,WenQuanYi Micro Hei,sans-serif;
}

* {
    outline: none;
    margin: 0;
    padding: 0;
}

input {
    outline: none;
    text-indent: 0.5em;
}

.my-input {
    box-sizing: content-box;
    border: 1px solid #e0e0e0;
}
.my-input:hover {
    border: 1px solid#b0b0b0;
}


.my-input:focus {
    border: 1px solid#ff6700;
}

a {
    text-decoration: none;
}

ul {
    list-style: none;
    margin: 0;
    padding: 0;
}

.clearfix::after {
    content:"";
    display:block;
    height:0;
    clear: both;
}

a {
    cursor: pointer;
}

p {
    margin: 0;
    padding: 0;
}

.wrapper {
    width: 1200px;
    margin: auto;
}

.fl {
    float: left;
}

.fr {
    float: right;
}

.flex-m {
    display: flex;
    justify-content: center;
    align-items:center;
}

.flex-sb {
    display: flex;
    justify-content:space-between;
    align-items:center;
}

.mt20 {
    margin-top:20px;
}

.mt30 {
    margin-top:30px;
}

.mt40 {
    margin-top:40px;
}

.fullimg {
    width:100%;
    height:100%;
}

.deactive {
    display: none;
}

.active {
    display: block !important;
}

.active-color {
    color: #ff6700 !important;
}

.horizontal-line {
    width: 100%;
    margin-top: 20px;
    border-top:1px solid #e0e0e0;
}